Fix package structure and use shared Prettier, ESLint, TypeScript configs - #13

In the old we had the output on ./dist for the esm module.

That allows you to import import { Query } from '@aboutbits/react-pagination/dist/engine'.

I'm not sure if the current version would work because you tell them to always look into /dist/esm

Moreover I find it a bit strange that you have esm in the import, because it looks like the programmer has to explicitly select the component with esm module resolution.

I chose this output directory so that the user of the library knows what is being used. Because we have no entry point, the user must choose. I think that naming the directories dist/esm and dist/cjs is more clear than naming them dist and dist/cjs or dist/esm and dist.
Do you think it is better to default to esm or cjs? If yes, to which one would you default?

I see it more from the user perspective and there you don't care about the module system. You just want to import the component. Right now a user would have to decide. Should I take esm or cjs?

I would therefore choose a default. I think we use esm in the other packages.

In the old package @aboutbits/react-pagination and the package @aboutbits/react-toolbox we use cjs as the default. What default should I take?

I see that a build of Next.js fails when importing the esm version. So should we default to cjs?

Thanks for checking. Go ahead with `cjs.